.color-blue {
  color: #1982d3;
}

.color-brown {
  color: #7a6211;
}

.choose-text {
  color: #7a6211;
}

.club-title-wrapper {
  height: 12%;
    text-align: center;
    .title {
      height: 4rem;
      margin-top: 1rem;
    }
}

.method-input {
  background-color: #4e95dc;
  border-radius: 8px;
  width: 88%;
  padding: 4px 8px;
  color: #f9f9f9;
  font-size: 1.2rem;
}

.create-game-base .club-tip {
  margin: 0rem 1rem;
  font-size: .8rem;
  color: #6e6e6e;
}

.club-tip-wrapper {
  position: absolute;
  bottom: 56px;
}

.other-paytypes {
  width: 3rem;
  height: 3rem;
}

.other-paytypes-dialog {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.4);
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  .paytypes-content {
    background-image: url(../../img/club/paytype-bg.png?v=20181201);
    width: 84%;
    height: 16rem;
    background-size: 100% 100%;
    justify-content: center;
    align-content: space-around;
    font-size: 1.2rem;
    padding: 0 1rem;
    .choose-circle {
      height: 2.2rem;
      width: 2.2rem;
    }
  }

  .paytype-ratio-change  {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    font-size: 1.4rem;
    width: 100%;
    img {
      width: 2.4rem;
      height: 2.4rem;
    }
  }

  .paytype-actions {
      width: 9rem;
  }


  .full-width {
    width: 100%;
  }

  .paytype-ratio-name {
    width: 10rem;
  }

  .paytype-actions-wrapper {
    width: 100%;
    justify-content: space-between;
    .pure-u-1-2 {
      text-align: center;
    }
  }

}


.create-club-bg {
  left: 0;
  top: 0;
}

[class~=pure-u] {
  text-align: left;
}

.paytype-wrapper {
  position: relative;
  .paytype-mask {
    position: absolute;
    background-color: rgba(0,0,0,.4);
  }
}

.group-conent-full {
  height: 10rem;
  font-size: 1.25rem;
  width: 80%;
  margin: auto;
  text-align: center;
  color: #d15619;
}
.create-club-title {
  height: 3.3rem;
}

@media screen and (max-width: 200px) {
  .create-club-title {
    height: 3rem;
  }
}

